<!DOCTYPE html>
<html class="no-js" lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>印象派</title>
		<!-- favicon -->
		<link rel="shortcut icon" href="images/logo.png">
		<!-- owl carousel CSS -->
		<link rel="stylesheet" href="css/owl.carousel.min.css">
		<!-- owl theme CSS -->
		<link rel="stylesheet" href="css/owl.theme.css">
		<!-- Pagepiling CSS -->
		<link rel="stylesheet" href="css/jquery.pagepiling.css" />
		<!-- Bootstrap core CSS -->
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<!-- font-awesome CSS -->
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<!-- animate CSS -->
		<link rel="stylesheet" href="css/animate.min.css">
		<!-- styles for this template -->
		<link rel="stylesheet" href="css/style.css">
		<!-- Google fonts for this template -->
		<link href="https://fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Unna:400,700" rel="stylesheet">

	</head>
	<body>
		<!--[if lt IE 8]>
		<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
	<![endif]-->
		<!-- Preloader Section -->
		<div id="loader-wrapper">
			<div class="load-content">
				<img src="images/logo.png" alt="">
				<span>印象派...</span>
			</div>
		</div>
		<!-- Preloader Section End -->
		<!--     Full Container start  -->
		<div class="container-fluid nopadding">
			<div class="row nopadding">
				<!-- Header start  -->
				<div class="col-md-1 col-sm-1 col-xs-12 header nopadding text-center">
					<!--     Logo start  -->
					<div class="logo">
						<a href="index.html"><img class="" src="images/logo.png" alt="">
							<h2>印象</h2>
						</a>
					</div>
					<!--     logo end  -->
					<div class="menu_icon" id="mynav">
						<p onclick="openNav()">&#9776;</p>
					</div>
					<!--     sidenav start  -->
					<div id="mySidenav" class="sidenav">
						<div class="sidenav_left">
							<!--     Logo start  -->
							<div class="logo_over hidden-xs">
								<a href="index.html"><img src="images/logo.png" alt="">
									<h2>印象</h2>
								</a>
							</div>
							<!--     Logo end  -->
							<!--   menu start  -->
							<ul id="menu">
								<li data-menuanchor="page1" class="active"><a onclick="closeNav()" href="#page1">首页</a></li>
								<li data-menuanchor="page2"><a onclick="closeNav()" href="#page2">印象派油画作品</a></li>
								<li data-menuanchor="page3"><a onclick="closeNav()" href="#page3">印象派简介</a></li>
								<li data-menuanchor="page4"><a onclick="closeNav()" href="#page4">印象派观点</a></li>
								<li data-menuanchor="page5"><a onclick="closeNav()" href="#page5">名画赏析</a></li>
								<li data-menuanchor="page5"><a onclick="closeNav()" href="zhanlan.html">印象派画展</a></li>
								<li data-menuanchor="page6"><a onclick="closeNav()" href="#page6">更多</a></li>
								<li data-menuanchor="page7"><a onclick="closeNav()" href="#page7">联系方式</a></li>
							</ul>

							<!--   menu end  -->
							<div class="menu_close">
								<a href="javascript:void(0)" class="closebtn menu_icon" onclick="closeNav()">&times; 退出</a>
							</div>
						</div>
						<div class="sidenav_right hidden-xs">
							<div class="slogan_over">
								<h3> 日出印象在线画廊</h3>
							</div>
						</div>
					</div>
					<!--     sidenav end  -->
				</div>
				<!-- Header end  -->
				<!-- content start  -->
				<div class="col-md-11 col-sm-11 col-xs-12 content nopadding">
					<!-- Pagepilling start -->
					<div id="pagepiling">
						<!-- Section one area start -->
						<div class="section" id="section1">
							<div id="lionhero" class="owl-carousel owl-theme">
								<div class="item">
									<div class="slide one"></div>
									<div class="welcome-text">
										<p>想象是创造力的关键</p>
										<a class="btn btn-lg btn-light">查看更多 <i class="fa fa-angle-right"></i></a>
									</div>
								</div>

								<div class="item">
									<div class="slide two"></div>
									<div class="welcome-text">
										<p>实现捕捉美</p>
										<a class="btn btn-lg btn-light">查看更多<i class="fa fa-angle-right"></i></a>
									</div>
								</div>
								<div class="item">
									<div class="slide three"></div>
									<div class="welcome-text">
										<p>不断重新定义奢华</p>
										<a class="btn btn-lg btn-light">查看更多<i class="fa fa-angle-right"></i></a>
									</div>
								</div>
							</div>
							<!-- more_link start -->
							<div class="more_link">
								<a href="#page2">向下滑动 <br>
									<i class="fa fa-angle-down"></i>
								</a>
							</div>
							<!-- more_link end -->
						</div>
						<!-- Section one area end -->
						<!-- Section two area start -->
						<div class="section" id="section2">
							<!-- intro start -->
							<div class="">
								<div class="">
									<div class="work_area">
										<h2 class="text-center">印象派油画</h2>
										<ul id="filters">
											<li class="active" data-filter="*">全部</li>
											<li data-filter=".class">代表人物</li>
											<li data-filter=".one">印象主义</li>
											<li data-filter=".new">新印象主义</li>
											<li data-filter=".later">后印象主义</li>
										</ul>
										<!--test-->
										<div class="portfolio-container isotope" id="portfolio-container">
											<!-- class START -->
											<!-- class WORK 1 START -->
											<div class="portfolio-item col-md-4  col-sm-4  class">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>保罗·高更</h3>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/保罗·高更自画像.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 1 END -->
											<!-- class WORK 1 START -->
											<div class="portfolio-item col-md-4  col-sm-4  class">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>卡米耶·毕沙罗</h3>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/卡米耶·毕沙罗.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 1 END -->
											<!-- class WORK 1 START -->
											<div class="portfolio-item col-md-4  col-sm-4  class">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>雷诺阿</h3>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/雷诺阿自画像.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 1 END -->
											<!-- class WORK 1 START -->
											<div class="portfolio-item col-md-4  col-sm-4  class">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>马奈</h3>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/马奈自画像.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 1 END -->
											<!-- class WORK 1 START -->
											<div class="portfolio-item col-md-4  col-sm-4  class">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>莫奈</h3>

															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/莫奈自画像.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 1 END -->
											<!-- class WORK 1 START -->
											<div class="portfolio-item col-md-4  col-sm-4  class">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>乔治·修拉</h3>

															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/乔治·修拉.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 1 END -->
											<!-- class WORK 1 START -->
											<div class="portfolio-item col-md-4  col-sm-4  class">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>文森特·威廉·梵高</h3>

															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/文森特·威廉·梵高.png" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 1 END -->

											<!-- class END -->



											<!-- one START -->
											<!-- one WORK 1 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>鲁弗申</h3>
																<p>花园小路.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/《花园小路》鲁弗申.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 1 END -->
											<!-- one WORK 2 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>阿尔弗莱德·西斯莱</h3>
																<p>洪水泛滥中的小舟.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/阿尔弗莱德·西斯莱《洪水泛滥中的小舟》.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 2 END -->
											<!-- one WORK 3 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>德加</h3>
																<p>大使馆的咖啡音乐会.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/德加《大使馆的咖啡音乐会》.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 3 END -->
											<!-- one WORK 4 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>雷诺阿</h3>
																<p>红磨坊的舞会.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/雷诺阿《红磨坊的舞会》.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 4 END -->
											<!-- one WORK 5 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>雷诺阿</h3>
																<p>康达维斯小姐画像.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/雷诺阿《康达维斯小姐画像》.png" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 5 END -->
											<!-- one WORK 6 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>雷诺阿</h3>
																<p>那不勒斯湾.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/雷诺阿《那不勒斯湾》.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 6 END -->
											<!-- one WORK 7 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>马奈</h3>
																<p>奥林匹亚.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/马奈《奥林匹亚》.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 7 END -->
											<!-- one WORK 8 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>马奈</h3>
																<p>草地上的午餐.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/马奈《草地上的午餐》.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 8 END -->
											<!-- one WORK 9 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>马奈</h3>
																<p>插满旗帜的蒙尼耶街.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/马奈《插满旗帜的蒙尼耶街》.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 9 END -->
											<!-- one WORK 10 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>马奈</h3>
																<p>吹笛少年.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/马奈《吹笛少年》.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 10 END -->
											<!-- one WORK 11 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>马奈</h3>
																<p>咖啡厅音乐会.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/马奈《咖啡厅音乐会》.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 11 END -->
											<!-- one WORK 3 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>莫奈</h3>
																<p>撑伞的女人.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/莫奈《撑伞的女人》.png" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 11 END -->
											<!-- one WORK 12 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>莫奈</h3>
																<p>干草堆.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/莫奈《干草堆》.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 12 END -->
											<!-- one WORK 13 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>莫奈</h3>
																<p>海浪.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/莫奈《海浪》.png" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 13 END -->
											<!-- one WORK 14 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>莫奈</h3>
																<p>临终的卡米尔.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/莫奈《临终的卡米尔》.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 14 END -->
											<!-- one WORK 15 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>莫奈</h3>
																<p>印象日出.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/莫奈《印象日出》.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 15 END -->
											<!-- one WORK 16 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>莫奈</h3>
																<p>睡莲.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/莫奈睡莲.png" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 16 END -->
											<!-- one WORK 17 START -->
											<div class="portfolio-item col-md-4  col-sm-4  one">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>莫奈</h3>
																<p>花园.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/印象主义/莫奈花园.png" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 17 END -->
											<!--one END -->

											<!-- new START -->
											<!-- new WORK 1 START -->
											<div class="portfolio-item col-md-4  col-sm-4  new">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>西涅克</h3>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/新印象主义/保罗·西涅克.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 1 END -->
											<!-- new WORK 2 START -->
											<div class="portfolio-item col-md-4  col-sm-4  new">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>西涅克</h3>
																<p>船尾上的景色.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/新印象主义/保罗·西涅克《船尾上的景色》.jpg" alt="">
													</div>
												</a>
											</div>
											<!-- WORK 2 END -->
											<!-- new WORK 3 START -->
											<div class="portfolio-item col-md-4  col-sm-4  new">
												<a href="single-work.html">
													<div class="portfolio-column">
														<div class="portfolio-hover ">
															<div class="portfolio-content">
																<h3>西涅克</h3>
																<p>菲尼翁肖像.</p>
															</div>
															<div class="portfolio-overlay"></div>
														</div>
														<img src="portfolio/新印象主义/保罗·西涅克《菲尼翁肖像》.jpg alt="">
											</div>
										</a>
									</div>
									<!-- WORK 3 END -->
									<!-- new WORK 4 START -->
									<div class="
														 portfolio-item col-md-4 col-sm-4 new">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>西涅克</h3>
																		<p>圣特罗佩港的出航.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/新印象主义/保罗·西涅克《圣特罗佩港的出航》.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 4 END -->
													<!-- new WORK 5 START -->
													<div class="portfolio-item col-md-4  col-sm-4  new">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>西涅克</h3>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/新印象主义/保罗·西涅克1.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 5 END -->
													<!-- new WORK 6 START -->
													<div class="portfolio-item col-md-4  col-sm-4  new">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>毕沙罗</h3>
																		<p>埃哈格尼的风景.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/新印象主义/卡米耶·毕沙罗《埃哈格尼的风景》.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 6 END -->
													<!-- new WORK 7 START -->
													<div class="portfolio-item col-md-4  col-sm-4  new">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>毕沙罗</h3>
																		<p>农舍和棕榈树.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/新印象主义/卡米耶·毕沙罗《农舍和棕榈树》.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 7 END -->
													<!-- new WORK 8 START -->
													<div class="portfolio-item col-md-4  col-sm-4  new">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>毕沙罗</h3>
																		<p>埃尔米塔日的坡地.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/新印象主义/卡米耶·毕沙罗《蓬图瓦兹：埃尔米塔日的坡地》.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 8 END -->
													<!-- new WORK 9 START -->
													<div class="portfolio-item col-md-4  col-sm-4  new">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>毕沙罗</h3>
																		<p>通往卢弗西埃恩之路.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/新印象主义/卡米耶·毕沙罗《通往卢弗西埃恩之路》.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 9 END -->
													<!-- new WORK 10 START -->
													<div class="portfolio-item col-md-4  col-sm-4  new">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>毕沙罗</h3>
																		<p>瓦赞村口.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/新印象主义/卡米耶·毕沙罗《瓦赞村口》.jpg" alt="">
															</div>
														</a>
													</div>

													<!-- WORK 10 END -->
													<!-- new WORK 11 START -->
													<div class="portfolio-item col-md-4  col-sm-4  new">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>修拉</h3>
																		<p>阿斯尼埃尔的沐浴.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/新印象主义/乔治·修拉 《阿斯尼埃尔的沐浴》.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- new WORK 11 END -->
													<!-- one WORK 3 START -->
													<div class="portfolio-item col-md-4  col-sm-4  new">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>修拉</h3>
																		<p>春天，塞纳河上的大碗岛.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/新印象主义/莫乔治·修拉 《春天，塞纳河上的大碗岛》.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 11 END -->
													<!-- new WORK 12 START -->
													<div class="portfolio-item col-md-4  col-sm-4  new">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>修拉</h3>
																		<p>大碗岛星期天的下午.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/新印象主义/乔治·修拉 《大碗岛星期天的下午》.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 12 END -->
													<!-- new WORK 13 START -->
													<div class="portfolio-item col-md-4  col-sm-4  new">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>修拉</h3>
																		<p>背坐的模特.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/新印象主义/乔治·修拉《背坐的模特》.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 13 END -->
													<!-- new WORK 14 START -->
													<div class="portfolio-item col-md-4  col-sm-4  new">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>修拉</h3>
																		<p>库布瓦的塞纳河.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/新印象主义/乔治·修拉《库布瓦的塞纳河》.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 14 END -->
													<!-- new WORK 15 START -->
													<div class="portfolio-item col-md-4  col-sm-4  new">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>西涅克</h3>
																		<p>菲尼翁肖像.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/新印象主义/西涅克《《菲尼翁肖像》.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 15 END -->
													<!-- new WORK 16 START -->
													<div class="portfolio-item col-md-4  col-sm-4  new">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>西涅克</h3>
																		<p>圣特罗佩港口.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/新印象主义/西涅克《圣特罗佩港口》.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 16 END -->
													<!-- new END -->

													<!-- later START -->
													<!-- later WORK 1 START -->
													<div class="portfolio-item col-md-4  col-sm-4  later">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>塞尚</h3>
																		<p>埃斯泰克的海湾.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/后印象主义/埃斯泰克的海湾（塞尚）.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 1 END -->
													<!-- later WORK 2 START -->
													<div class="portfolio-item col-md-4  col-sm-4  later">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>梵高</h3>
																		<p>奥维尔教堂.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/后印象主义/奥维尔教堂（梵高）.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 2 END -->
													<!-- later WORK 3 START -->
													<div class="portfolio-item col-md-4  col-sm-4  later">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>梵高</h3>
																		<p>风车磨坊.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/后印象主义/风车磨坊（梵高）.png" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 3 END -->
													<!-- later WORK 4 START -->
													<div class="portfolio-item col-md-4  col-sm-4  later">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>高更</h3>
																		<p>海浪里的女子.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/后印象主义/海浪里的女子（高更）.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 4 END -->
													<!-- later WORK 5 START -->
													<div class="portfolio-item col-md-4  col-sm-4  later">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>鲁道夫·史代纳</h3>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/后印象主义/后印象派（鲁道夫 史代纳）.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 5 END -->
													<!-- later WORK 6 START -->
													<div class="portfolio-item col-md-4  col-sm-4  later">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>高更</h3>
																		<p>黄色基督.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/后印象主义/黄色基督（高更）.png" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 6 END -->
													<!-- later WORK 7 START -->
													<div class="portfolio-item col-md-4  col-sm-4  later">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>梵高</h3>
																		<p>加歇医生.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/后印象主义/加歇医生（梵高）.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 7 END -->
													<!-- later WORK 8 START -->
													<div class="portfolio-item col-md-4  col-sm-4  later">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>塞尚</h3>
																		<p>静物.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/后印象主义/静物 （塞尚）.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 8 END -->
													<!-- later WORK 9 START -->
													<div class="portfolio-item col-md-4  col-sm-4  later">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>高更</h3>
																		<p>马利亚！我向你致敬.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/后印象主义/马利亚！我向你致敬（高更）.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 9 END -->
													<!-- later WORK 10 START -->
													<div class="portfolio-item col-md-4  col-sm-4  later">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>梵高</h3>
																		<p>麦田上的乌鸦.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/后印象主义/麦田上的乌鸦（梵高）.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 10 END -->
													<!-- later WORK 11 START -->
													<div class="portfolio-item col-md-4  col-sm-4  later">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>梵高</h3>
																		<p>麦田与收割者.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/后印象主义/麦田与收割者（梵高）.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 11 END -->
													<!-- later WORK 12 START -->
													<div class="portfolio-item col-md-4  col-sm-4  later">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>塞尚</h3>
																		<p>圣维克多山.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/后印象主义/圣维克多山（塞尚）.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 13 END -->
													<!-- later WORK 14 START -->
													<div class="portfolio-item col-md-4  col-sm-4  later">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>梵高</h3>
																		<p>食土豆者.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/后印象主义/食土豆者 （梵高）.jpg" alt="">
															</div>
														</a>
													</div>
													<!-- WORK 14 END -->
													<!-- later WORK 15 START -->
													<div class="portfolio-item col-md-4  col-sm-4  later">
														<a href="single-work.html">
															<div class="portfolio-column">
																<div class="portfolio-hover ">
																	<div class="portfolio-content">
																		<h3>高更</h3>
																		<p>塔希提妇女.</p>
																	</div>
																	<div class="portfolio-overlay"></div>
																</div>
																<img src="portfolio/后印象主义/塔希提妇女（高更）.jpg“ alt="">
										</div>
									</a>
								</div>
								<!-- WORK 15 END -->	
								<!-- later WORK 16 START -->
								<div class="
																 portfolio-item col-md-4 col-sm-4 later">
																<a href="single-work.html">
																	<div class="portfolio-column">
																		<div class="portfolio-hover ">
																			<div class="portfolio-content">
																				<h3>梵高</h3>
																				<p>向日葵.</p>
																			</div>
																			<div class="portfolio-overlay"></div>
																		</div>
																		<img src="portfolio/后印象主义/向日葵（梵高）.jpg" alt="">
																	</div>
																</a>
															</div>
															<!-- WORK 16 END -->
															<!-- later WORK 17 START -->
															<div class="portfolio-item col-md-4  col-sm-4  later">
																<a href="single-work.html">
																	<div class="portfolio-column">
																		<div class="portfolio-hover ">
																			<div class="portfolio-content">
																				<h3>塞尚</h3>
																				<p>埃斯泰克的海湾.</p>
																			</div>
																			<div class="portfolio-overlay"></div>
																		</div>
																		<img src="portfolio/后印象主义/埃斯泰克的海湾（塞尚）.jpg" alt="">
																	</div>
																</a>
															</div>
															<!-- WORK 17 END -->
															<!-- later WORK 18 START -->
															<div class="portfolio-item col-md-4  col-sm-4  later">
																<a href="single-work.html">
																	<div class="portfolio-column">
																		<div class="portfolio-hover ">
																			<div class="portfolio-content">
																				<h3>梵高</h3>
																				<p>星月夜.</p>
																			</div>
																			<div class="portfolio-overlay"></div>
																		</div>
																		<img src="portfolio/后印象主义/星月夜（梵高）.jpg" alt="">
																	</div>
																</a>
															</div>
															<!-- WORK 18 END -->
															<!-- later WORK 19 START -->
															<div class="portfolio-item col-md-4  col-sm-4  later">
																<a href="single-work.html">
																	<div class="portfolio-column">
																		<div class="portfolio-hover ">
																			<div class="portfolio-content">
																				<h3>高更</h3>
																				<p>雅各与天使搏斗.</p>
																			</div>
																			<div class="portfolio-overlay"></div>
																		</div>
																		<img src="portfolio/后印象主义/雅各与天使搏斗（高更）.jpg" alt="">
																	</div>
																</a>
															</div>
															<!-- WORK 19 END -->
															<!-- later 19 END -->
													</div>
													<!--test-->
											</div>
										</div>
									</div>
									<!-- intro end -->
								</div>
								<!-- Section two area end -->
								<!-- Section three area start -->
								<div class="section" id="section3">
									<!-- intro start -->
									<div class="intro">
										<div class="container-fluid nopadding">
											<div class="row nopadding">
												<!-- about_left start -->
												<div class="col-md-6 col-sm-12 col-xs-12 about_left">
													<!-- about_content_top start -->
													<div class="about_content_top">
														<h2>我们是<span>印象派</span></h2>
														<p>印象派具有划时代意义的艺术流派，19世纪七八十年代达到了它的鼎盛时期，在法国取得了最为辉煌的艺术成就。作为一种美术思潮，印象主义绘画在世界美术史上具有重要地位，是欧洲艺术从现实主义向现代主义过渡的重要阶段，对欧美、日本乃至中国的画家产生过或大或小的影响。
															.</p>
													</div>
													<!-- about_content_top end -->
													<!-- about_content_bottom start -->
													<div class="about_content_bottom">
														<h1>151</h1>
														<p>沉
															<br>淀
															<br>——
															<br>一
															<br>百
															<br>五
															<br>十
															<br>一
															<br>年</p>
													</div>
													<div class="col-md-12 col-xs-12 nopadding">
														<h3 class="progress-title">始于十九世纪六十年代</h3>
														<div class="progress barcolor">
															<div class="progress-bar" style="width: 100%;">

															</div>
														</div>
													</div>
													<div class="col-md-12 col-xs-12 nopadding">
														<h3 class="progress-title">后印象主义:十九世纪末</h3>
														<div class="progress barcolor">
															<div class="progress-bar" style="width: 98%;">

															</div>
														</div>
													</div>
													<div class="col-md-12 col-xs-12 nopadding">
														<h3 class="progress-title">19世纪七八十年代达到了它的鼎盛时期</h3>
														<div class="progress barcolor">
															<div class="progress-bar" style="width: 100%;">

															</div>
														</div>
													</div>
													<!-- about_content_bottom end -->
												</div>
												<!-- about_left end -->
												<!-- about_right start -->

												<div class="col-md-6 col-sm-12 col-xs-12 about_right nopadding">
													<img src="portfolio/印象主义/雷诺阿《康达维斯小姐画像》.jpg" alt="">
												</div>
												<!-- about_right end -->
											</div>
										</div>
									</div>
									<!-- intro end -->
								</div>
								<!-- Section three area end -->
								<!-- Section four area start -->
								<div class="section" id="section4">
									<!-- intro start -->
									<div class="intro">
										<div class="container">
											<div class="row">
												<!-- service area start -->
												<div class="col-md-12 col-sm-12 col-xs-12 service">
													<h2>印象派艺术发展经历的三个阶段</h2>
													<ul class="nav nav-tabs">
														<li class="active service_icon"><a data-toggle="tab" href="#home"><i class="fa fa-modx"></i><span>1874年</span></a></li>
														<li class="service_icon"><a data-toggle="tab" href="#menu1"><i class="fa fa-500px"></i><span>19世纪时</span></a></li>
														<li class="service_icon"><a data-toggle="tab" href="#menu2"><i class="fa fa-handshake-o"></i><span>印象派鼎盛</span></a></li>
														<li class="service_icon"><a data-toggle="tab" href="#menu3"><i class="fa fa-video-camera"></i><span>结语</span></a></li>
													</ul>
													<div class="tab-content">
														<div id="home" class="tab-pane fade in active">
															<p>1874年一群年轻的画家在巴黎卡皮西纳大道的一所公寓里举办了第一届印象派画展，有31位印象派画家参展。来向官方的沙龙挑战。包括莫奈、雷诺阿、毕沙罗、西斯莱、德加、塞尚和莫里索等在内的画家们不仅有各异的性格和天赋，而且在某种程度上他们还具有不同的观念和倾向，但是，他们诞生在同样的时代，有着同样的经历，并且向同一的反对派斗争过。他们欣然接受一些杂志的讽刺文章作家封给他们带着嘲笑味道的称号——“印象派”。.</p>
														</div>
														<div id="menu1" class="tab-pane fade">
															<p>19世纪的时候，法国巴黎是欧洲油画的中心。这个时候的风格是以学院派的新古典主义为主导的，他们每年都要举办官方的展览，叫做“沙龙”，多数人都出自于皇家美术学院，他们有着深厚的素描基础，并且精通人体解剖，画风严谨、细腻。而在这个时候，还有着另外一大批充满着理想的年轻画家，他们来自于各个阶层，大多数都是自由人，很多人对学院派的教学方式及绘画风格有着不同的看法，认为古典主义千篇一律，缺乏个人风格，他们更崇尚现实主义，并提倡户外写生。由于大家有着共同的理想和观点，他们逐渐地聚集到巴黎郊外的一个名叫巴比松的小村庄，来描绘那里迷人的风光，他们被称为“巴比松”画派。“巴比松”村就是现在巴黎的卫星城之一的枫丹白露镇。“巴比松画派”就是“印象派”的前身。.
															</p>
														</div>
														<div id="menu2" class="tab-pane fade">
															<p>印象派鼎盛
																这些画家们只有极个别的被官方所接受，大部分画家的作品被拒之“沙龙”的门外，于是画家们就联手举办了“官方沙龙”落选作品展，逐渐的社会对他们的风格也有所认同。.</p>
														</div>
														<div id="menu3" class="tab-pane fade">
															<p>印象派小结
																总之，印象派既不是粗糙，也不是前卫，更不是抽象，他是将科学的色彩学理论运用于绘画，中国高考艺术专业的色彩考试，也是以这种色彩规律作为标准。. </p>
														</div>
													</div>
												</div>
												<!-- service area end -->
												<!-- client_area start -->
												<div class="col-md-12 col-sm-12 col-xs-12 client_area">
													<h2>印象派代表人物</h2>
													<!-- owl carousel area start -->
													<div id="liontestimonial" class="owl-carousel owl-theme">
														<!-- owl single item start -->
														<div class="item">
															<div class="client_one clients">
																<img src="images/client/client1.jpg" class="img-circle" alt="Cinque Terre"><i class="quote text-right fa fa-quote-right text-right"></i>
																<h4>克劳德·莫奈<span>/（法国印象派画家）.</span></h4>
																<p>奥斯卡-克劳德·莫奈（法文：Oscar-Claude Monet，1840年11月14日-1926年12月5日），法国画家，被誉为“印象派领导者”，是印象派代表人物和创始人之一。</p>
															</div>
														</div>
														<!-- owl single item end -->
														<!-- owl single item start -->
														<div class="item">
															<div class="client_one clients">
																<img src="images/client/client2.jpg" class="img-circle" alt="Cinque Terre"><i class="quote text-right fa fa-quote-right text-right"></i>
																<h4>文森特·威廉·梵高<span>/Vincent Willem van Gogh.</span></h4>
																<p>文森特·威廉·梵高（Vincent Willem van Gogh，1853年3月30日—1890年7月29日），荷兰后印象派画家。代表作有《星月夜》、自画像系列、向日葵系列等。</p>
															</div>
														</div>
														<!-- owl single item end -->
														<!-- owl single item start -->
														<div class="item">
															<div class="client_one clients">
																<img src="images/client/client5.jpg" class="img-circle" alt="Cinque Terre"><i class="quote text-right fa fa-quote-right text-right"></i>
																<h4>保罗·高更<span>/Paul Gauguin .</span></h4>
																<p>保罗·高更（Paul Gauguin，1848—1903）法国后印象派画家、雕塑家，代表作品有《我们从何处来？我们是谁？我们向何处去？ 》《黄色基督》《游魂》《敬神节》等。 </p>
															</div>
														</div>
														<!-- owl single item end -->
														<!-- owl single item start -->
														<div class="item">
															<div class="client_one clients">
																<img src="images/client/client6.jpg" class="img-circle" alt="Cinque Terre"><i class="quote text-right fa fa-quote-right text-right"></i>
																<h4>保罗·塞尚Paul Cézanne<span>/Paul Cézanne.</span></h4>
																<p>保罗·塞尚（Paul Cézanne，1839年1月19日—1906年10月22日），法国后印象主义画派画家</p>
															</div>
														</div>
														<!-- owl single item end -->
														<!-- owl single item start -->
														<div class="item">
															<div class="client_one clients">
																<img src="images/client/client7.jpg" class="img-circle" alt="Cinque Terre"><i class="quote text-right fa fa-quote-right text-right"></i>
																<h4>爱德华·马奈 <span>/Édouard Manet.</span></h4>
																<p>爱德华·马奈（Édouard
																	Manet，1832.01.23～1883.04.30）是19世纪印象主义的奠基人之一，1832年出生于法国巴黎。他从未参加过印象派的展览，但他深具革新精神的艺术创作态度，却深深影响了莫奈、塞尚、梵高等新兴画家</p>
															</div>
														</div>
														<!-- owl single item end -->
													</div>
													<!-- owl carousel area end -->
												</div>
												<!-- client_area end -->
											</div>
										</div>
									</div>
									<!-- intro end -->
								</div>
								<!-- Section four area end -->
								<!-- Section five area start -->
								<div class="section" id="section5">
									<!-- intro start -->
									<div class="intro">
										<div class="container-fluid nopadding">
											<div class="row nopadding">
												<div class="col-md-10 col-md-offset-1">
													<!-- team_top area start -->
													<div class="team_top text-center">
														<h2>名画赏析</h2>
													</div>
													<div class="col-md-4 col-sm-4 ">
														<div class="price text-center">
															<h4>莫奈</h4>
															<h3>十大名画</h3>
															<ul>
																<li>《草地上的午餐》</li>
																<li>《日出·印象》</li>
																<li>《睡莲》</li>
																<li>《韦特伊莫奈花园》</li>
																<li>《穿日本和服的卡美伊·莫奈》</li>
																<li>《海滨公园打伞的女子》</li>
															</ul>
															<button class="btn btn-default">查看更多</button>
														</div>
													</div>
													<div class="col-md-4 col-sm-4 ">
														<div class="price text-center">
															<h4>印象派</h4>
															<h3>十大影响作品</h3>
															<ul>
																<li>《日出·印象》</li>
																<li>《女神游乐厅的吧台》</li>
																<li>《红磨坊的舞会》</li>
																<li>《洪水泛滥中的小舟》</li>
																<li>《舞蹈教室》</li>
																<li>《芭蕾舞女演员》</li>
															</ul>
															<button class="btn btn-primary">查看更多</button>
														</div>
													</div>




													<div class="col-md-4 col-sm-4 ">
														<div class="price text-center">
															<h4>保罗·高更</h4>
															<h3>十大代表作品</h3>
															<ul>
																<li>《我从何处来？我是谁？我向何处去？》</li>
																<li>《敬神节》</li>
																<li>《黄色基督》</li>
																<li>《游魂》</li>
																<li>《马利亚!我向你致敬》</li>
																<li>《布道后的幻想》</li>
															</ul>
															<button class="btn btn-default">查看更多</button>
														</div>
													</div>
													<!-- team_top area end -->
												</div>
											</div>
										</div>
									</div>
									<!-- intro end -->
								</div>
								<!-- Section five area end -->
								<!-- Section six area start -->
								<div class="section " id="section6">
									<!-- intro start -->
									<div class="intro">
										<div class="container-fluid nopadding">
											<div class="row nopadding ">
												<!-- blog news area start -->
												<div class="col-md-12 blog_news">
													<!-- blog title start -->
													<div class="col-md-12 blog_title">
														<h2>创造方法</h2>
														<a href="#">所有文章 <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
													</div>
													<!-- blog title end -->
													<!-- blog content start -->
													<div class="col-md-12 blog_content">
														<!-- single news area start -->
														<div class="news col-md-4">
															<div class="news_img">
																<img src="images/blog/1.jpg" alt="Avatar" class="image img-responsive">
																<div class="overlay">
																	<div class="text">
																		<p>2021年10月2日</p>
																		<h3>风格特点</h3>
																		<p>不依据可靠的知识，以瞬间的印象作画。画家们是抓住一个具有特点的侧面去作画，所以他们必须疾飞画笔把颜色直接涂在画布上... </p>
																		<a href="#">阅读 <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
																	</div>
																</div>
															</div>
														</div>
														<!-- single news area end -->
														<!-- single news area start -->
														<div class="news col-md-4">
															<div class="news_img">
																<img src="images/blog/2.jpg" alt="Avatar" class="image img-responsive">
																<div class="overlay">
																	<div class="text">
																		<p>2021年10月3日</p>
																		<h3>艺术观点</h3>
																		<p>印象派绘画用点取代了传统绘画简单的线与面，从而达到传统绘画所无法达到的对光的描绘...</p>
																		<a href="#">阅读 <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
																	</div>
																</div>
															</div>
														</div>
														<!-- single news area end -->
														<!-- single news area start -->
														<div class="news col-md-4">
															<div class="news_img">
																<img src="images/blog/3.jpg" alt="Avatar" class="image img-responsive">
																<div class="overlay">
																	<div class="text">
																		<p>2021年11月4日</p>
																		<h3>创作方法</h3>
																		<p>主张根据太阳光谱所呈现的赤橙黄绿青蓝紫七种颜色去反映自然界的瞬间印象，印象主义的作品选择的题材面比较广泛... </p>
																		<a href="#">阅读 <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
																	</div>
																</div>
															</div>
														</div>
														<!-- single news area end -->
													</div>
													<!-- blog content end -->
												</div>
												<!-- blog news area end -->
											</div>
										</div>
									</div>
									<!-- intro end -->
								</div>
								<!-- Section six area end -->
<!-- Section seven area start -->
				<div class="section " id="section7">
					<!-- intro start -->
					<div class="intro contact">
						<div class="container-fluid nopadding">
							<div class="row nopadding ">
								<div class="col-md-12 contact_form">
									<h2>联系我们</h2>
									<!-- contact form area start -->
									<div class="col-md-6 col-sm-6 nopadding">
										<form id="contactForm" class="shake" data-toggle="validator">
											<div class="row">
												<div class="col-md-12">
													<div class="form-group">
														<input id="name" type="text" class="form-control" name="Name" autocomplete="off" placeholder="姓名" required data-error="请输入您的姓名">
														<div class="help-block with-errors"></div>
													</div>
												</div>
												<div class="col-md-12">
													<div class="form-group">
														<input id="email" type="email" class="form-control" name="email" autocomplete="off" placeholder="电子邮件" required data-error="请输入您的电子邮件">
														<div class="help-block with-errors"></div>
													</div>
												</div>
												<div class="col-md-12">
													<div class="form-group">
														<input id="msg_subject" type="text" class="form-control" name="msg_subject" autocomplete="off" placeholder="主体" required data-error="您的标题">
														<div class="help-block with-errors"></div>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="col-md-12">
													<div class="form-group">
														<textarea id="message" class="form-control textarea" rows="3" name="Message" placeholder="信息" required data-error="您的信息"></textarea>
														<div class="help-block with-errors"></div>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="col-md-12">
													<button id="submit" type="submit" class="btn btn-contact">发送</button>
													<div id="msgSubmit" class="h3 text-center hidden"></div>
													<div class="clearfix"></div>
												</div>
											</div>
										</form>
									</div>
									<!-- contact form area end -->
									<!-- office address area start -->
									<div class="col-md-5 col-sm-6 office">
										<div class="office-details">
											<i class="fa fa-map-marker"></i>
											<span>中国 <br>大陆</span>
										</div>
										<div class="office-details">
											<i class="fa fa-phone"></i>
											<span>1234-5678, 234-5678</span>
										</div>
										<div class="office-details">
											<i class="fa fa-envelope"></i>
											<span>2791283172@qq.com</span>
										</div>
									</div>
									<!-- office address area end -->
									<!-- social icon start -->
									<div class="col-md-1 col-sm-12 social_icon text-right">
										<ul class="member-social">
											<li><a href="#"><i class=" fa fa-twitter"></i></a></li>
											<li><a href="#"><i class=" fa fa-facebook"></i></a></li>
											<li><a href="#"><i class=" fa fa-google"></i></a></li>
											<li><a href="#"><i class=" fa fa-linkedin"></i></a></li>
											<li><a href="#"><i class=" fa fa-behance"></i></a></li>
										</ul>
									</div>
									<!-- social icon end -->
								</div>
							</div>
						</div>
						<div class="container">
							<div class="row">
								<div class="col-md-12 col-sm-11">
									<iframe class="maps_only" src="" allowfullscreen></iframe>
								</div>
							</div>
						</div>
						
					</div>
					<!-- intro end -->
				</div>
				<!-- Section seven area end -->
			</div>
			<!-- Pagepiling end -->
		</div>
		<!-- content end -->
	</div>
</div>

								<!-- ================================================== -->
								<!-- Jquery -->
								<script src="js/jquery.min.js"></script>
								<!-- Contact JS -->
								<script src="js/form-validator.min.js"></script>
								<script src="js/contact-form-script.js"></script>
								<!-- Bootstrap JS -->
								<script src="js/bootstrap.min.js"></script>
								<!-- Isotop JS -->
								<script src="js/isotope.pkgd.min.js"></script>
								<!-- owl carousel js -->
								<script src="js/owl.carousel.min.js"></script>
								<!-- Pagepiling JS -->
								<script src="js/jquery.pagepiling.min.js"></script>
								<!-- Custom functions for this template -->
								<script src="js/main.js"></script>
						
	</body>

</html>
